@font-face {
  font-family: 'fontello';
  src: url("../font/fontello.eot?63669415");
  src: url("../font/fontello.eot?63669415#iefix") format('embedded-opentype'), url("../font/fontello.woff?63669415") format('woff'), url("../font/fontello.ttf?63669415") format('truetype'), url("../font/fontello.svg?63669415#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?63669415#fontello') format('svg');
  }
}
*/
[class^="icone-"],
[class*=" icone-"] {
  width: 16px;
  height: 16px;
  font-family: 'fontello';
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 16px;
  background-image: none;
  background-position: inherit;
  speak: none;
}

.icone-ie-1:before { content: '\36'; } /* '6' */
.icone-appstore:before { content: '\41'; } /* 'A' */
.icone-windows:before { content: '\57'; } /* 'W' */
.icone-cart:before { content: '\c9'; } /* 'É' */
.icone-tools:before { content: '\2692'; } /* '⚒' */
.icone-cog-1:before { content: '\e800'; } /* '' */
.icone-cog:before { content: '\2699'; } /* '⚙' */
.icone-cog-alt:before { content: '\26ef'; } /* '⛯' */
.icone-rss:before { content: '\e73a'; } /* '' */
.icone-left-open:before { content: '\e75d'; } /* '' */
.icone-right-open:before { content: '\e75e'; } /* '' */
.icone-suitcase:before { content: '\e78e'; } /* '' */
.icone-spin5:before { content: '\e838'; } /* '' */
.icone-chrome:before { content: '\e841'; } /* '' */
.icone-ie:before { content: '\e843'; } /* '' */
.icone-desktop:before { content: '\f108'; } /* '' */
.icone-skype:before { content: '\f30b'; } /* '' */
.icone-qq:before { content: '\f32a'; } /* '' */
.icone-sina-weibo:before { content: '\f33f'; } /* '' */



/*  页面的顶部和底部CSS  */
.top{width:100%; height:100px; margin:auto; overflow:hidden;}
.top .top1{width:100%; height:90px;}

.top .top1 .top1_0{float:left; width:65%; height:90px;overflow:hidden;}

.top .top1 .top1_1{float:left; width:10%; height:25px; padding-top:15px; text-align:center;overflow:hidden;}
.top .top1 .top1_1 img{height:25px;width:25px;padding-right:5px;}
.top .top1 .top1_1 a:link{font-size:12px;padding-left:5px;color:#444;}

.top .top1 .top1_2{float:right; width:20%; height:25px; padding-top:15px; text-align:center;}
.top .top1 .top1_2 a:link{font-size:12px; color:#444; text-decoration:none;}
.top .top1 .top1_2 a:visited{font-size:12px; color:#444; text-decoration:none;}
.top .top1 .top1_2 a:hover{font-size:12px; color:#222; text-decoration:underline;}


.jumbotron {
   position: relative;
}
.jumbotron h1 {
   font-size: 80px;
   font-weight: 300;
   letter-spacing: -1px;
   line-height: 1;
}
/* 垂直布局 */
.col-fluid{
    width: 100%;
    height: auto;
    float: left;
}
.col-fluid .div_map_left{
    float:left;
    width:35%;
    height:200px;
    font-weight: 300;
    line-height: 36px;
    text-align: left;
}
.col-fluid .div_map_left h1{
    padding-left: 10px;
    font-size: 30px;
    
}
.col-fluid .div_map_left p{
    padding-left: 10px;
    font-size: 18px;
}
.col-fluid .div_map_left img{
    width: 100%;
    height:300px;
}

.col-fluid .div_map{
    float:left;
    width:65%;
    height: 500px;
}

/* 图片滚动 */
.index_product{width:905px; height:auto; overflow:hidden;  margin:0 auto; margin-top:15px;}
.index_product .title{ float:left;}
.index_product .title h2{ font-size:30px; color:#09160B; float:left; margin-left:8px; display:inline;} 
.index_product .title p{ color:#999; float:left; margin-left:10px; display:inline;margin-top:15px;}


.index_product .product_list{ width:100%; height:150px; overflow:hidden; margin-top:12px; float:left;}
.index_product .l{ float:left; width:10px; height:150px; background:url(../tit_img/left_arrow.jpg) no-repeat; overflow:hidden;}
.index_product .r{ float:right; width:10px; height:150px; background:url(../tit_img/right_arrow.jpg) no-repeat; overflow:hidden;}

.index_product .m{ float:left; width:885px; height:150px; background:url(../tit_img/index_product_r1_c4.jpg) repeat-x; overflow:hidden; position:relative;}
.index_product .m span{ position:absolute; width:25px; height:35px; top:56px; overflow:hidden;}
.index_product .m span.arrow_l{left:11px;}
.index_product .m span.arrow_r{right:11px;}

.index_product .m .item_list{ width:800px; height:auto; overflow:hidden; float:left; margin-left:36px; display:inline; margin-top:31px; }
.index_product .m .item_list p{ width:118px; height:100px; padding:5px; float:left; margin-left:17px; margin-right:18px; display:inline;}
.index_product .m .item_list .pro_a{ text-align :center ; width:118px; display:block;}
.index_product .m .item_list p a{ color:#555; text-decoration:none; display:inline; text-align :center;}
.index_product .m .item_list p a:hover{text-decoration:none; color:#F37721;}

.index_product .m .item_list .mr0{ margin-right:0px;}

.product_list .m .item_list img{
    width:118px;
    height:78px;
}

/* index画面的图片转换  */
.num{ position:absolute; right:5px; bottom:5px; font:12px/1.5 tahoma, arial; height:18px;}
.num li{
	float: left;
	color: #d94b01;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 11px;
	cursor: pointer;
	margin-left: 3px;
	border: 1px solid #f47500;
	background-color: #fcf2cf;
}
.num li.on{
	line-height: 18px;
	width: 18px;
	height: 18px;
	font-size: 14px;
	margin-top:-2px;
	background-color: #ff9415;
	font-weight: bold;
	color:#FFF;
}

.img_container{width: 100%; height:500px; margin-top: 73px;padding:0;}
.img_container ul, .img_container li{list-style:none;padding:0;}
.img_container img{width: 100%; height:500px; margin :0 auto;border:0;vertical-align:top;}


/* 页面底部 */
.bottom{width:100%; height:65px;line-height:24px; text-align:center; color:#444; padding-top:5px;overflow:hidden;}
.footer{
    width: 100%;
    height: auto;
    border:0;
}


/* 首页地图 */
.index_map{
    float:left;
    width :600px;
    height: 400px;
    margin:10px;
}

/* 关于我们 */
#center ul li{overflow:hidden;padding-top:5px;}
#center ul li.nr_daoh{width:100%; height:auto; margin:auto;}
#center ul li.nr_daoh div.daoh1{width:96%; height:auto; line-height:30px; margin:auto;}
#center ul li.nr_daoh div.daoh1 ul li{float:left; padding-left:25px; padding-right:25px; color:#888;}
#center ul li.nr_daoh div.daoh1 ul li a:link{font-size:12px; color:#999; text-decoration:none;}
#center ul li.nr_daoh div.daoh1 ul li a:visited{font-size:12px; color:#999; text-decoration:none;}
#center ul li.nr_daoh div.daoh1 ul li a:hover{font-size:12px; color:#0ca200; text-decoration:none;}

#center ul li.nr_daoh div.daoh1 ul li.daoh1a{float:left; padding-left:25px; padding-right:25px; color:#444; background:url(../tit_img/shll_nr_xinxi_dangqian.gif) center bottom; border-left:1px #fff solid; border-right:1px #fff solid;}
#center ul li.nr_daoh div.daoh1 ul li.daoh1a a:link{font-size:12px; color:#444; text-decoration:none;}
#center ul li.nr_daoh div.daoh1 ul li.daoh1a a:visited{font-size:12px; color:#444; text-decoration:none;}
#center ul li.nr_daoh div.daoh1 ul li.daoh1a a:hover{font-size:12px; color:#0ca200; text-decoration:none;}

#center ul li.nr_xinxia{width:100%; height:1%; line-height:24px; margin:auto; font-size:14px; padding-top:5px; padding-bottom:10px; color:#555;}


/* index header */
#logo{
       width:140px;height:59px;
       display:block;
       background:url(../tit_img/logo_2.jpg) no-repeat;
       text-indent:-99999em;
       position:absolute;top:15px;left:50px;
       -webkit-transition:all .2s ease-in-out;
       -moz-transition:all .2s ease-in-out;
       transition:all .2s ease-in-out;
}

body{line-height:1}
html,body{height:100%}
html,body,div,span,img,header,nav
{margin:0;padding:0;border:0;vertical-align:baseline}
#wrap{margin-bottom:-245px;min-height:100%;height:auto!important;height:100%}
#index_header,nav{
    display:block;
}
#index_header{
     width:100%;height:90px;background:white;border-color:#fff;
     border-bottom:1px solid rgba(255,255,255,.25);position:fixed;top:0;z-index:10;
     -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out
}
#index_header nav{
    text-align:center;margin-top:35px;-webkit-transition:margin .2s ease-in-out;
    -moz-transition:margin .2s ease-in-out;transition:margin .2s ease-in-out;
}
#index_header nav a{
    color:#ddd;
    text-shadow:0 1px 0 rgba(0,0,0,.5);
    opacity:.5;-webkit-transition:opacity .1s linear;
    -moz-transition:opacity .1s linear;
    transition:opacity .1s linear;
    font-weight:600;
    text-transform:uppercase;
    color:#555;text-shadow:0 1px 0 #fff;padding:16px;
    font-size:17px;
    color:black;
    text-decoration:none;outline:0;
}
#index_header nav a.current-menu-item{opacity:1}

/* index center content  */
.main{background:#fff url(../tit_img/afm_index_180.jpg) repeat-x;width:100%;height:350px;overflow:hidden;}
.main_a{line-height:20px;color:#333;}
.main_a span{color:#336a7c;border-right:1px dashed #999;height:20px;width:130px;display:inline-block;margin:5px 15px 0 0;font-weight:bold}
.main_b ul li{overflow:hidden;font-size: 12px;}
.main_b{padding-top:40px;padding-top:24px\0;width:1200px;}
.main_c{float:left;width:265px;line-height:22px;color:#333;margin-right:90px;display:inline}

/* center container  */
.center_container{
    width: 980px;
    height:auto; 
    margin-top: 100px;
    padding:0;
}


/*
.index_background{background:url(../tit_img/afm_index_180.jpg) repeat-x;}
.body_background{background:url(../tit_img/body_bg_01.jpg) repeat-x;}
.foot_background{background:url(../tit_img/ftbg.jpg) repeat-x;}
*/


.container {
  margin-right: auto;
  margin-left: auto;
}

.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}

.container:after {
  clear: both;
}

.container {
  width: 940px;
}

